<template>
    <div id="content-one">
        <div class="title">
            <span>{{ title }}</span>
            <slot></slot>
        </div>
        <slot name="content"></slot>
    </div>
</template>

<script>
    export default {
        props: {
            title: {
                type: String,
                default: ''
            }
        },
        data () {
            return {
            };
        }
    };
</script>

<style lang="less" scoped>
@import '~assets/styles/variable';
#content-one{
    margin-top: 20px;
    border-radius: 10px;
    background-color: @color-content-background;
    .title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        line-height: 40px;
        border-bottom: 2px solid #000;
    }
}

</style>
